@extends('layouts.app')

@section('content')
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        角色筛选
                    </div>
                    <div class="layui-inline">
                        <select name="rolename" lay-filter="LAY-user-adminrole-type">
                            <option value="-1">全部角色</option>
                            <option value="0">管理员</option>
                            <option value="1">超级管理员</option>
                            <option value="2">纠错员</option>
                            <option value="3">采购员</option>
                            <option value="4">推销员</option>
                            <option value="5">运营人员</option>
                            <option value="6">编辑</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-card-body">
                <div style="padding-bottom: 10px;">
                    <button class="layui-btn layuiadmin-btn-role" data-type="batchdel">删 除</button>
                    <a class="layui-btn layuiadmin-btn-role" data-type="add">添 加</a>
                </div>

                <table id="LAY-user-back-role" lay-filter="LAY-user-back-role"></table>
                <script type="text/html" id="table-useradmin-admin">
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="permission">权限</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
                </script>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        layui.use(['index', 'useradmin', 'table'],function () {
            var $ = layui.$
                ,form = layui.form
                ,table = layui.table;

            //搜索角色
            form.on('select(LAY-user-adminrole-type)', function(data){
                //执行重载
                table.reload('LAY-user-back-role', {
                    where: {
                        role: data.value
                    }
                });
            });

            //事件
            var active = {
                batchdel: function(){
                    var checkStatus = table.checkStatus('LAY-user-back-role')
                        ,checkData = checkStatus.data; //得到选中的数据

                    if(checkData.length === 0){
                        return layer.msg('请选择数据');
                    }

                    layer.confirm('确定删除吗？', function(index) {

                        //执行 Ajax 后重载
                        /*
                        admin.req({
                          url: 'xxx'
                          //,……
                        });
                        */
                        {{--var ids = []--}}
                        {{--var hasCheck = table.checkStatus('dataTable')--}}
                        {{--var hasCheckData = hasCheck.data--}}
                        {{--if (hasCheckData.length>0){--}}
                        {{--    $.each(hasCheckData,function (index,element) {--}}
                        {{--        ids.push(element.id)--}}
                        {{--    })--}}
                        {{--}--}}
                        {{--if (ids.length>0){--}}
                        {{--    layer.confirm('确认删除吗？', function(index){--}}
                        {{--        $.post("{{ route('admin.role.destroy') }}",{_method:'delete',ids:ids},function (result) {--}}
                        {{--            if (result.code===0){--}}
                        {{--                dataTable.reload()--}}
                        {{--            }--}}
                        {{--            layer.close(index);--}}
                        {{--            layer.msg(result.msg,{icon:6})--}}
                        {{--        });--}}
                        {{--    })--}}
                        {{--}else {--}}
                        {{--    layer.msg('请选择删除项',{icon:5})--}}
                        {{--}--}}

                        table.reload('LAY-user-back-role');
                        layer.msg('已删除');
                    });
                },
                add: function(){
                    layer.open({
                        type: 2
                        ,title: '添加新角色'
                        ,content: "{{ route('user.role.create') }}"
                        ,area: ['500px', '480px']
                        ,btn: ['确定', '取消']
                        ,yes: function(index, layero){
                            var iframeWindow = window['layui-layer-iframe'+ index]
                                ,submit = layero.find('iframe').contents().find("#LAY-user-role-submit");

                            //监听提交
                            iframeWindow.layui.form.on('submit(LAY-user-role-submit)', function(data){
                                var field = data.field; //获取提交的字段

                                //提交 Ajax 成功后，静态更新表格中的数据
                                //$.ajax({});
                                table.reload('LAY-user-back-role');
                                layer.close(index); //关闭弹层
                            });

                            submit.trigger('click');
                        }
                    });
                }
            }
            $('.layui-btn.layuiadmin-btn-role').on('click', function(){
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        })
    </script>
@endsection
